<template>
  <div class="Daohang clear">
    <!-- <div class="clear">
      <div class="Left">
        <el-row class="demo-avatar demo-basic">
          <el-col :span="12">
            <div class="demo-basic--circle">
              <div class="block">
                <el-avatar :size="50"
                           :src="circleUrl"></el-avatar>
              </div>
            </div>
          </el-col>

        </el-row>
      </div>
      <div class="Mid">
        <p>李思思</p><button>退出登录</button>
        <p>员工ID：123456</p>
      </div>
    </div>
    <div class="daohang">
      <el-menu :default-active="activeIndex"
               class="el-menu-demo"
               mode="horizontal"
               @select="handleSelect">
        <el-menu-item index="1">工作台</el-menu-item>
        <el-menu-item index="2">点餐</el-menu-item>
        <el-menu-item index="3">桌位</el-menu-item>
        <el-menu-item index="4">订单</el-menu-item>
        <el-menu-item index="5">报表</el-menu-item>
      </el-menu>
    </div> -->
    <router-view />
  </div>

</template>
<script>
export default {
  data () {
    return {
      circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",


    }
  }
}
</script>
<style>
.Left {
  float: left;
  width: 5%;
}
.Mid {
  float: left;
  width: 10%;
}
.class {
  content: "";
  clear: both;
  display: block;
}
.daohang {
  float: left;
  width: 65%;
}
.daohang {
  padding: 0 10%;
}
</style>